<?php
/**
 * This file is display for Service Page.
 * Template Name: Service
 */
get_header();
?>
<main class="main_content">

	<?php get_template_part('parts/content/page','banner');?>

	<section class="page-content container pb-5">
		<div class="content-info text-center content-header">
			<h4 class="font-weight-bold">为您提供创新的业务营销解决方案</h4>
			<p class="pb-5">
				不忘初心，10年如一日，成就品牌力量
				<br>
				为你，创造独一无二的精品
			</p>
		</div>
		<div class="content-main pb-5 service-gallery">
			<div class="row wow animated slideInUp">
					<?php
					$galleries = get_post()->post_content;
					$galleries = strip_tags($galleries,'<figure>,<figcaption>,<strong>,<img>,<br>');
					preg_match_all('/(<figure>.*?<\/figure>)/is',$galleries,$matches);
					if(count($matches[1])) {
						foreach ($matches[1] as $f) {
							echo '<div class="col-md-4 col-xs-12 mb-md-3">' . $f . '</div>';
						}
					}
                    ?>
			</div>
		</div>
	</section>
    <section class="counter-parts py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="info">
                        <p class="counter" data-counter-time="1500" data-counter-delay="50">7</p>
                        <span class="suffix text-muted">年</span>
                    </div>
                    <div class="title">开发经验</div>
                </div>
                <div class="col-md-3">
                    <div class="info">
                        <p class="counter" data-counter-time="1500" data-counter-delay="50">32</p>
                    </div>
                    <div class="title">团队成员</div>
                </div>
                <div class="col-md-3">
                    <div class="info">
                        <p class="counter" data-counter-time="1500" data-counter-delay="50">121</p>
                    </div>
                    <div class="title">合作客户</div>
                </div>
                <div class="col-md-3">
                    <div class="info">
                        <p class="counter" data-counter-time="1500" data-counter-delay="50" >3540</p>
                    </div>
                    <div class="title">作品案例</div>
                </div>
            </div>
        </div>
    </section>
</main>
<?php get_footer();
?>
<script>
    $('.counter').countUp();
</script>
